<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ page language="java" contentType="text/html;  charset=utf-8" pageEncoding="utf-8"%>
<html lang="ko">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<style type="text/css">
		body {
			color:#333;
		}
		.navbar-static-top {
			margin-bottom: 19px;
		}
		.alert{
			width:600px;
			position: fixed;
			z-index: 1300;
			left: 50%;
			margin-left:-300px;
			top: 10px;
			-webkit-transform: translateY(-120%);
			-o-transform: translateY(-120%);
			-moz-transform: translateY(-120%);
		    transform: translateY(-120%);
			-webkit-transition:all 0.3s ease-in-out;
			-o-transition:all 0.3s ease-in-out;
			-moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
		}
		.alert.in{
			-webkit-transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
		    transform: translateY(0);
		}
		@media screen and (max-width: 768px){ .alert{width:90%; left:5%; margin:0;} }
	</style>
	<script type="text/javascript">
		function alertShow(type, message, dealy){
			var $el = $("<div class='alert alert-"+type+"'><button type='button' onclick='alertHide(this)' class='close'>×</button>"+message+"</div>");
			$("body").append($el);
			if(dealy != null){
				setTimeout(function(){$el.addClass("in");},100);
				setTimeout(function(){$el.removeClass("in");setTimeout(function(){$el.remove();},300);}, dealy);
			}else{
				setTimeout(function(){$el.addClass("in");},100);
			}
		}
		function alertHide(el){
			var $el = $(el).parent();
			$el.removeClass("in");
			setTimeout(function(){$el.remove();},300);
		}
	</script>
</head>
<body>
<!-- Static navbar -->
<div class="navbar navbar-default navbar-static-top">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/config/admin">Faeple Management</a>
		</div>
		<div class="navbar-collapse collapse">
			<ul class="nav navbar-nav">
				<li><a href="/config/admin">홈</a></li>
				<li><a href="/config/admin/summary">요약</a></li>
				<li><a href="/config/admin/member">멤버</a></li>
				<li><a href="/config/admin/article">게시글</a></li>
				<li><a href="/config/admin/notice">공지사항</a></li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">고객지원 
					<c:if test="${todayHelpCnt ne 0}">
						<span class="badge alert-danger">${todayHelpCnt}</span>
					</c:if>
					<b class="caret"></b>
					</a>
					<ul class="dropdown-menu">
						<li><a href="/config/admin/bug">문제신고</a></li>
						<li><a href="/config/admin/feedback">피드백</a></li>
						<li><a href="/config/admin/inquiry">1:1문의</a></li>
					</ul>
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">로그 <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="/config/admin/log/login">로그인</a></li>
						<li><a href="/config/admin/log/hack">해킹</a></li>
					</ul>
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">모바일 푸시 <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="/config/admin/push/android">안드로이드</a></li>
						<li><a href="#">아이폰</a></li>
					</ul>
				</li>
			</ul>
		</div><!--/.nav-collapse -->
	</div>
</div>
</body>
</html>